<!-- FORM BUTTONS -->
<section id="buttons-setup" class="docs background-inverse">
  <header>
    <h3 class="docs-title"><i class="fa fa-github"></i> Customize Buttons</h3>
  </header>

  <div class="docs-content">
    <ol class="docs-list">
        <li>
            <a class="button button-rounded button-plain button-small-caps button-border" href="https://github.com/alexwolfe/Buttons/raw/gh-pages/Buttons.zip"><i class="fa fa-github"></i> CLONE REPO</a>
        </li>
        <li>Make sure you have <a href="http://nodejs.org/">Node.js</a> installed.</li>
        <li>From the command line cd into the root for the Buttons directory</li>
        <li>Run <code>npm install</code> or <code>sudo npm install</code> (depending on your system permissions).</li>
        <li>On the command line run <code>grunt dev</code>, this will open a browser with Buttons</li>
        <li>Locate <strong>scss</strong> in the root directory</li>
        <li>You can modify the _options.scss where you can customize colors, typography, and …</li>
        <li>Anytime you save your changes the Buttons showcase page will live reload with your changes!</li>
    </ol>
</section>